body {
    background: white;
}

.mine {
    background: white;
    width: 100%;
    height: 100%;
    @include flexbox();
    @include flex-direction(column);
    .mineHead {
        height: 70px;
        margin-top: 20px;
        color: #999;
        font-size: 12px;
        text-align: center;
        position: relative;
        .mine-logo {
            width: 100%;
            a {
                img {
                    width: auto;
                    height: 35px;
                }
            }
        }
        .f_title {
            text-align: center;
            line-height: 20px;
            margin-top: 2px;
        }
    }
    .mineInf {
        width: 100%;
        height: 100%;
        padding: 0 15px;
        min-height: 350px;
        ul {
            li {
                height: 35px;
                border-bottom: 1px solid #d3d3d3;
                position: relative;
                margin-top: 15px;
                color: #d3d3d3;
                @include flexbox();
                @include align-items(center); //垂直
                #yoFont1,
                #yoFont2,
                #yoFont3,
                #yoFont4 {
                    font-size: 23px;
                    display: inline-block;
                    width: 27px;
                    height: 36px;
                    margin-right: 10px;
                    color: #d3d3d3;
                }
                .s_input_box {
                    width: 80%;
                    height: 100%;
                    font-weight: 400;
                    font-style: normal;
                    display: inline-block;
                    font-size: 12px;
                    color: #d3d3d3;
                    input {
                        border: 0;
                        width: 100%;
                        height: 100%;
                        font-size: 15px;
                        color: #d3d3d3;
                        background-color: #fff;
                        float: left;
                    }
                    input:-ms-input-placeholder {
                        color: #d3d3d3;
                    }
                    input::-webkit-input-placeholder {
                        color: #d3d3d3;
                    }
                }
            }
        }
        .loginButton {
            margin-top: 25px;
            background: #45abe5;
            width: 100%;
            height: 0.45rem; //  line-height: 4rem;
            text-align: center;
            border-radius: 5px; //margin: 35px auto 0;
            span {
                color: #8dc6ed;
                font-size: 0.18rem;
                line-height: 0.45rem;
                display: block;
                width: 100%;
                height: 100%;
                border-radius: 5px;
            }
        }
        .textLogin {
            @include flexbox();
            font-size: 15px;
            margin-top: 15px;
            margin-left: 6%;
            .li_l {
                width: 39%;
                margin: 0 3% 4%;
                a {
                    color: #0f93de;
                }
            }
            .li_c {
                float: left;
                width: 2%;
                color: #ccc;
            }
            .li_r {
                margin-left: 12%;
                a {
                    color: #0f93de;
                }
            }
        }
        .note_agreet {
            margin-top: 2%;
            @include flexbox();
            @include align-items(center); //垂直
            #iAgree {
                color: #0f93de;
            }
        }
        #textRegist {
            @include flexbox();
            @include align-items(center); //垂直
            color: #0f93de;
            margin-left: 70%;
            margin-top: 2%;
            #yoFont6 {
                font-size: 18px;
            }
        }
    }
    .mineFooer {
        width: 100%;
        background: white;
        position: absolute;
        left: 0;
        bottom: 0;
        .regi_wz_box {
            font-size: 15px;
            width: 100%;
            text-align: center;
            color: #969696;
            a {
                color: #529bef;
            }
        }
        .regiMore {
            margin-top: 25px;
            @include flexbox();
            .line {
                width: 38%;
                margin-top: 2%;
                border-top: 1px solid #d3d3d3;
            }
            .regOther {
                font-weight: 400;
                font-style: normal;
                display: inline-block;
                font-size: 12px;
                color: #969696;
                @include flex();
                @include justify-content(center); //  border:1px solid red;
                text-align: center;
            }
        }
        .regiOthers {
            width: 100%;
            height: 0.5rem;
            @include flexbox();
            #regiQQ {
                font-size: 0.48rem;
                width: 50%;
                color: #1296db;
                @include flex();
                @include flexbox();
                @include justify-content(center);
            }
            #regiSina {
                font-size: 0.48rem;
                width: 50%;
                color: #c9311d;
                @include flex();
                @include flexbox();
                @include justify-content(center);
            }
        }
        .language {
            margin-top: 10%;
            width: 100%;
            font-size: 12px;
            color: #999;
            text-align: center;
            a {
                color: #999;
            }
        }
        .tel {
            width: 100%;
            font-size: 12px;
            color: #999;
            text-align: center;
            margin-bottom: 3%;
            margin-top: 2%;
            span {
                text-decoration: underline;
            }
        }
    }
}
